/**reset**/
body {background: #fff;font-size:14px;line-height: 1.6;color: #151515;}
a{color: #151515;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
a:hover{color: #0b65de;text-decoration: none;}
a:focus{outline: none;}
ul,ol{padding:0;list-style: none outside none;}
em,i {font-style:normal;}
small{margin-right:10px;}
img {max-width: 100%;}
dt {font-weight: 400;}
.table {margin-bottom:0;background: #fff;}
.table > thead > tr > th {height:40px;border-bottom-width: 1px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align:middle;
    padding:20px 15px;
}
.navbar-collapse{padding:0;}
/**section**/
.container-fluid{padding:0 30px;}
.container{padding:0;}
.container > .body{font-size: 0;}
.container > .body p{padding:10px 0;font-size:16px;line-height: 2;}
body > section{margin-top:30px;}
.section-slider,.section-page-header{margin-top:0;}
@media  screen and (max-width: 1199px) {
    .container-fluid{padding:0;}
    body > section{margin-top:40px;}
}
@media  screen and (max-width: 991px) {
    body > section{margin-top:30px;}
}
@media  screen and (max-width: 767px) {
    .container-fluid,.container{padding:0 15px;}
    [class^='col-']{padding:0;}
    body > section{margin-top:15px;}
    .container > .body p{padding:5px 0;font-size:14px;}
}
/**mod**/
.mod-pic,.mod-text{display: inline-block; padding:0;vertical-align:top;line-height: 1.8;font-size: 16px;}
.mod-pic{overflow: hidden;}
.mod-pic img{width: 100%;}
.mod-text{padding-top:15px;}
.mod-one .item {margin-bottom: 30px;overflow: hidden;}
.mod-one .mod-pic{float:right;width:51.28%;}
.mod-one .mod-text{float:left;padding:90px 30px;width:48.72%;}
.mod-one .item:nth-child(even) .mod-text{float:right;}
.mod-one .item:nth-child(even) .mod-pic{float: left;}
.mod-two .item {display: inline-block;width:49%;text-align: center;}
.mod-two .item:first-child{margin-right:2%;}
.text-cover-pic {position: relative;}
.text-cover-pic  .mod-text{position: absolute;z-index:10;top:40px;left:60px;text-align: right;color: #fff;}
.text-cover-pic  .mod-text .title{font-size:32px;font-weight:700;color: #fff;}
.text-cover-pic  .mod-text .more {font-size: 16px;color: #fff;}
.section-join .mod-text {left:30%;}
.section-student .item{position: relative;margin-bottom:30px;}
.section-student .mod-text{top:40%;right:5%;color: #0b65de;}
.section-student .mod-text .title, .section-student .mod-text .more{color: #0b65de;}
.section-student .item-1 .mod-text{left:5%;top:15%; right:auto;}
.summary{color: #666;}
.summary-category{padding:0 15% 30px;font-size:16px;text-align: center;}
.scale{
    transition: .4s all;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -o-transition: .4s all;
    -ms-transition: .4s all;
    overflow: hidden;
}
.scale:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);}

@media  screen and (max-width: 1199px) {

}
@media  screen and (max-width: 991px) {
    .mod-one .mod-text{padding:40px 30px;}
    .summary{display: none;}
}
@media  screen and (max-width: 767px) {
    .mod-text{padding-top:5px;}
    .mod-one .mod-pic,.mod-one .mod-text{float:none;width:100%;}
    .mod-one .mod-text{padding:5px 0 20px ;}
    .mod-pic,.mod-text{line-height: 1.6;}
    .text-cover-pic  .mod-text{position: absolute;z-index:10;margin:0 auto;width:100%;top:0;left:0;;text-align: center;color: #fff;}
    .text-cover-pic  .mod-text .title{font-size: 24px;}
    .section-join .mod-text {left: 0;}
    .section-resources  .mod-text {position: absolute;top:20%;left:10%;width:80%;height:60%;background:#004bb9;background: rgba(0,75,185,.5);text-align: center;color: #fff;}
    .section-student .mod-text .title, .section-student .mod-text .more{color: #fff;}
}

/**title**/
h2.title{font-size: 32px;font-weight: 700;}
.heading h2.title{margin:20px auto;text-align: center;}

.title-line{position:relative;width:30%;padding: 15px;background-color: #f4f4f4;}
.title-line:before,.title-line:after{position: absolute;content: "";top:15px;width:1px;height: 40px;background-color: #151515;-webkit-transform: rotate(30deg);  -moz-transform: rotate(30deg);  transform: rotate(30deg);}
.title-line:before{left:0;}
.title-line:after{right:0;}

@media  screen and (max-width: 1199px) {
    .title-line{width:100%;background: transparent;}
    .title-line:before{width: 100%;height:1px;left:0;top:100%;-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  transform: rotate(0deg);}
    .title-line:after{display: none;}
}
@media  screen and (max-width: 991px) {
    h2.title{font-size: 20px;font-weight: 400;}
    h4.title{font-size: 16px;}

}
@media  screen and (max-width: 767px) {

}
/**more**/
.more {display:block;margin-top:15px;color: #0b65de;}
.more:hover {color:#4d89ff;}
.more-btn{display:inline-block;margin-top:30px;width: 160px;height:40px;line-height: 40px;color: #fff;background: #0f62c4;font-size: 16px;text-align: center;}
.more-btn:hover{background:#4d89ff ;color: #fff;}
.more-btn-default{background: #fff;color:#0f62c4; }
.send-tips {padding:15px 0;font-size: 14px;}
.section-join-position .send-tips,.section-position-send .send-tips{text-align: right;color: #666;}
.section-student-major .send-tips{color: #fff;font-size: 14px;}
@media  screen and (max-width: 991px) {
    .section-join-position .send-tips,.section-position-send .send-tips{text-align: left;}
}
/*video*/
.video-wrap {position: relative;width:100%;height:400px;cursor: pointer;}
.video-source,.video-poster{position: absolute;top:0;left:0;width: 100%;height:100%;}
.video-poster{z-index:10;background-size: cover;background-repeat: no-repeat;}
.video-play{position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:-32px;z-index: 11;}
.video-play i {color: #fff;font-size: 64px;opacity: 0.9;}
.video-play i:hover {opacity: 1;}
.modal-video{top:10%;}
.modal-video .modal-content{position:relative;border:none;background:none;box-shadow:none;}
.modal-video .modal-body{padding:0;}
.modal-video .modal-body video[attr=poster] {width: 100%;}
.modal-video .btn-close {position: absolute;top:-30px;right:-30px;color: #e6e7e7;font-size: 24px;cursor: pointer;}
.modal-video .btn-close:hover {color: #fff;}
@media  screen and (max-width: 991px) {
    .modal-video .btn-close{top:-15px;right:-5px;}
}
/**header*/
.header .navbar {position: relative;z-index: 100;padding:10px 0;margin:0;border:0 none;height:100px;color:#fff;background: #f4f4f4;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.header .container{padding:0;height:80px;}
.header .brand {display: inline;}
.header .brand-logo{max-width: 100%;}
.header .nav a:hover,.header  .nav .open>a, .header  .nav .open>a:hover, .header .nav .open>a:focus{border:0 none;color: #0b65de;}
.header .navbar-header{width: 40%;}
.header .navbar-collapse{float:right;width: 60%;}
.header .navbar-nav{float:none;}
.header .navbar-nav .item{width:14%;text-align: center;font-size: 14px;}
.header .navbar-nav .item>a {display:block;padding:0;line-height:80px;color: #151515;}
.header .navbar-nav .item.active,.header .navbar-nav .item>a:hover,.header .navbar-nav .item.active>a {color:#0b65de;}

.dropdown-menu>li>a{display:block;padding:10px 15px;}

@media  screen and (max-width: 991px) {
    .header .navbar{padding:15px 15px 0;height:auto;}
    .header .navbar-header, .header .navbar-collapse{float:none;width: 100%;}
    .header .brand-logo{max-width: 70%;}
    .header .container{height:auto;}
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin:0;}
    .header .navbar-collapse{position: absolute;left:0;right:0;z-index:100;margin:0;background: #fff;box-shadow:0 10px 20px rgba(0,0,0,.2)}
    .header .navbar-nav{margin:0;}
    .header .navbar-nav .item {width: 100%;}
    .header .navbar-nav .item>a{line-height:50px;border-bottom: 1px solid #f4f4f4;}
    .header .navbar-toggle{margin-right:0;}
    .header .navbar-toggle .fa {color:#0b65de; }
    .navbar-nav .open .dropdown-menu>li>a{padding:15px;text-align: center;}
}

/**swiper**/

.swiper-pagination-bullet{width: 64px;height:4px;border-radius: 2px;border:1px solid #fff;}
@media  screen and (max-width: 767px) {

}
/**footer**/
.footer {padding:60px 0;margin-top:60px;background: #f4f4f4;clear: both;}
.footer .footer-nav{overflow: hidden;}
.footer .item-nav {position:relative;float:left;display:inline-block;width: 32%;margin-right:2%;padding:0;}
.footer .item-nav:last-child{margin-right:0;}
.footer .item-nav .title {padding-bottom:15px;border-bottom: 1px solid #666;}
.footer .item-nav .item {padding:5px 0 ;}
.footer .footer-text{margin:30px 0 0;padding:15px 0;border-top: 1px solid #666;color: #666;overflow: hidden;;}
.footer .copyright{float:left;}
.footer .address{float:right;}
@media  screen and (max-width: 1199px) {
    .footer{margin-top:30px ;}
}
@media  screen and (max-width: 767px) {
    .footer{padding:15px 0;margin-top:15px;font-size: 12px;}
    .footer .item-nav{float:none;width: 100%;}
    .footer .footer-nav .title{padding:15px 0 10px;margin:0;font-size: 12px;border-color:#d5d5d5;}
    .footer .nav-sub{display:none;}
    .footer .title:before,.footer .title:after{  position: absolute;content: '';  display: block; background-color: #666;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
    .footer .title:before{width: 1px; height: 11px; top: 14px; right: 6px; }
    .footer .title:after{ width: 11px; height: 1px; top: 19px; right: 1px; }
    .footer .title.in {border:0 none;}
    .footer .title.in + .nav-sub{border-bottom: 1px solid #d5d5d5;}
    .footer .title.in:before, .footer .title.in:after{-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  transform: rotate(90deg);}
    .footer .title.in:after{opacity: 0;}
    .footer .footer-text{margin:0;border:0 none;}
    .footer .copyright{float:none;}
    .footer .address{float:none;margin-top:10px;}
}

